import { Space, SpaceProps } from "@/pages/Main/Space";
import styles from "./style.module.less";
import Button, { IButtonProps } from "@/component/Button";

export namespace ActivtyBar {
  export interface ItemInfo extends IButtonProps { }
  export interface Props extends SpaceProps {
    items?: ItemInfo[];
  }
}
export function ActivtyBar(props: ActivtyBar.Props) {
  const { items, ..._p } = props;
  return (
    <Space vertical className={styles.activty_bar} {..._p}>
      {
        items?.map((v, idx) => (
          <Button kind='icon' key={idx} size='l' {...v}>
            {v.children}
          </Button>
        ))
      }
    </Space>
  )
}